<section id="financialConfig">
  <div class="mlr-24">
    <hl-page-header title="财务配置"></hl-page-header>

    

    <div class="mt-5">
      <div class="title line-height-45">账单相关</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">自动提交账单</span>
            <span class="pull-right hide-show-li cursor" @click="goToAutoSubmit"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">流水分配优先级</span>
            <span class="pull-right hide-show-li cursor" @click="goToDistribution"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
      </div>
    </div>

    <div class="mt-5" v-if="quanxian.indexOf('c324') > -1">
      <div class="title line-height-45">收入确认</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">收入确认方式</span>
            <span class="pull-right hide-show-li cursor" @click="goToIncomeSure"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
      </div>
    </div>

    <!-- <div class="mt-5" v-if="quanxian.indexOf('c325') > -1">
      <div class="title line-height-45">凭证相关</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">财务凭证设置</span>
            <span class="pull-right hide-show-li cursor" @click="goToFinancialDocument"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
      </div>
    </div> -->

    <div class="mt-5" v-if="quanxian.indexOf('c325') > -1">
      <div class="title line-height-45">凭证相关</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">财务凭证设置</span>
            <span class="pull-right hide-show-li cursor" @click="goToFinancialDocument"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
      </div>
    </div>

    <div class="mt-15 tooltiptext">
      <div class="title">开票限额</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b mt-15">
            <span class="pull-left">开票限额设置</span>
            <span class="pull-right hide-show-li cursor" @click="invoicingOpen"><b class="icon-Nav-system mr-5" style="color:#5e67a5"></b></span>
          </li>			
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">
              发票信息是否必填
              <el-tooltip content="发票信息必填开关打开后，在应收账款-收款详情中，发票信息必须填写" effect="light" placement="bottom">
                <span class="icon-Gm-explain cursor color-999"></span>
              </el-tooltip>
            </span>
            <span class="pull-right">
              <el-switch  v-model="isMustInvoice" active-color="#565E99" inactive-color="#d4d4d4" @change="changeMustInvoice"/>
            </span>
          </li>		
        </ul>
      </div>
    </div>

    


  </div>
</section>

<style media="screen">
  .entry-container {
    height: 50px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    padding-left: 16px;
  }
  .wenhao{
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
  }
  .el-tooltip__popper {
    max-width: 255px;
    line-height: 20px;
    font-size: 14px;
    color: #999;
  }
  .glowidth{
    width: 100%;
  }
  .dy-fx-6{
    width: 30%;
  }
  .sys-merchants {
    box-shadow: 0 0 8px rgba(204, 213, 221, .75);
  }

  .sys-merchants li {
    padding: 0 18px;
  }

  .sys-merchants li .hide-show-li {
    display: none;
  }

  .sys-merchants li:last-child {
    border-bottom: 0;
  }

  .sys-merchants li:hover .hide-show-li {
    display: block;
  }

  .sys-merchants li:hover {
    background-color: #f7f7f7;
  }

  .title {
    font-size: 14px;
    font-weight: 500;
    color: #929BA8;
  }
  .boxshadow{
    width: 200px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px 0px rgba(214, 214, 214, 0.75) inset;
    border-radius: 4px;
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    text-indent: 5px;
  }
</style>

<script src="modules/system_config/scripts/financial_config.js" charset="utf-8"></script>
